{% extends '::base.html.twig' %}
{% block body %}
<!-- On charge la librairie jQuery. Ici, je la prends depuis le site jquery.com, mais si vous l'avez en local, changez simplement l'adresse. -->
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    // On récupère la balise <div> en question qui contient l'attribut « data-prototype » qui nous intéresse.
    var $container = $('#lpcisii_php2012bundle_articlestype_images');
	
    // On définit une fonction qui va ajouter un champ.
    function add_image() {
        // On définit le numéro du champ (en comptant le nombre de champs déjà ajoutés).
        index = $container.children().length;

        // On ajoute à la fin de la balise <div> le contenu de l'attribut « data-prototype »,
        // après avoir remplacé la variable $$name$$ qu'il contient par le numéro du champ.
        $container.append(
            $($container.attr('data-prototype').replace(/\$\$name\$\$/g, index))
        );
    }
	
    // On ajoute un premier champ directement s'il n'en existe pas déjà un.
    if($container.children().length == 0) {
        $container.append('<h3>Joindre des images</h3>');
        add_image();
    }
	
    // On ajoute un nouveau champ à chaque clic sur le lien d'ajout.
    $('#add_image').click(function() {
        add_image();
    });
});
</script>

{% render 'LPCISIIPHP2012Bundle:Security:rightMenu'%}
<h1>Administration : ajouter un nouvel article</h1>
<nav class="admincategorylist">
    <ul>
    {% for href,category in categories %}
        <li class="categorytab {% if selected %}{% if selected == href %}categorytabselected{% endif %}{% endif %}">
            <a href="{{ path('LPCISIIPHP2012Bundle_admin_tab', { 'tab': href }) }}">
                {{ category }}
            </a>
        </li>
    {% else %}
        <li class="categorytab categorytabselected"><a href="#">Il n'y a pas de catégories à afficher</a></li>
    {% endfor %}
    </ul>
</nav>
<section id="admin_content">
    <form action="{{ path('LPCISIIPHP2012Bundle_admin_add_article') }}" method="post" {{ form_enctype(form) }}>
        {{ form_widget(form) }}
            
        <!-- Ajout d'un lien pour ajouter une image supplémentaire. -->
            <a href="javascript:void(0)" id="add_image">Ajouter une image</a>
        <p class="actionbutton">
            <input type="submit" value="{{ action }}">
        </p> 
    </form>

</section>
{% endblock %}